body {
  margin: 0;
  padding: 0;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft Yahei",sans-serif;
}

.ic{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}

* {
  box-sizing: border-box;
}

ul {
  list-style: none;
}

ul, li {
  margin: 0;
  padding: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cf:after {
  content: "";
  display: table;
  height: 0;
  clear: both;
  overflow: hidden;
}

img {
  display: inline-block;
  vertical-align: top;
}

/* 间隙 */
.mg-r {
  margin-right: 10px;
}

.pd-b {
  padding-bottom: 10px;
}

.pd {
  padding: 10px;
}

.pd-l {
  padding: 15px;
}

.pd-xl {
  padding: 18px;
}

.pd-xxl {
  padding: 24px;
}

.mg-b-s {
  margin-bottom: .5rem;
}

/* 宽度 */
.w-1 {
  width: 10%;
}

.w-2 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-33 {
  width: 33.33%;
}

.w-3 {
  width: 30%;
}
.w-3 {
  width: 30%;
}
.w-4 {
  width: 40%;
}
.w-5 {
  width: 50%;
}
.w-7 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-8 {
  width: 80%;
}
.w-9 {
  width: 90%;
}
.w-0 {
  width: 100%;
}
